link:link, :visited {
    text-decoration: none;
}

ul, ol {
    list-style: none;
}

h1, h2, h3, h4, h5, h6, pre, code {
    font-size: 1em;
}

ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input {
    margin: 0;
    padding: 0;
}

a img, :link img, :visited img {
    border: none;
}

address {
    font-style: normal;
}

/* =Global
--------------------*/
body {
    background: #ECF5FF;
    font-family: '微软雅黑', sans-serif;
    font-size: 62.5%;
    color: #000000;
}

h1, h2, h3, h4, h5 {
    font-family: '微软雅黑', sans-serif;
}

a:link,
a:visited,
span.link-like {
    color: #2976C2;
    outline: none;
    font-weight: bold;
    text-decoration: underline;
}

a:hover,
span.link-like:hover {
    color: #FFFFFF;
}

a:active {
    outline: none;
}

a#skip {
    display: none;
}

b.required {
    color: #FF0000;
    font-weight: normal;
}

.edit a,
a.edit {
    font-weight: bold;
    color: #F90000;
}

.edit a:hover,
a.edit:hover {
    background: #F90000;
    color: #FFFFFF;
}

sub, sup {
    font-size: 10px;
    font-weight: normal;
    padding: 0 3px;
    color: #999999;
}

.working-icon {
    display: block;
}

/* =Sitewrapper
--------------------*/
#sitewrapper {
    width: 990px;
    margin: 0 auto;
}

/* =Sitewrapper -> Content -> Main Content Div
--------------------*/
.main {
}

.main.left {
    width: 615px;
}

.main.right {
    width: 615px;
}

.main h1 {
    font-family: '微软雅黑', sans-serif;
    font-size: 16px;
    padding-bottom: 7px;
    border-bottom: 1px solid #A7A7A7;
    margin-bottom: 10px;
}

.main h2 {
    font-family: '微软雅黑', sans-serif;
    font-size: 14px;
    margin: 30px 0 5px 0;
    clear: left;
}

.main h2 em {
    font-style: normal;
    color: #666666;
}

.main p {
    font-family: '微软雅黑', sans-serif;
    font-size: 12px;
    line-height: 150%;
    margin: 0 0 7px 0;
}

.main ol {
    margin: 1.12em 0;
    list-style-type: decimal;
    margin-left: 40px;
}

.main ol li {
    display: list-item;
    font-size: 12px;
}

.main p strong {
}

.main strong.highlight {
    font-weight: normal;
    background: #FFFFCC;
}

/* =Sitewrapper -> Content -> Main Content Div --> Action
--------------------*/
.main #action {
    clear: left;
    float: left;
    width: 100%;
    margin-top: 30px;
}

.main #action input#action-button {
    float: left;
}

.main #action a#cancel {
    color: #F90000;
    float: left;
    margin: 18px 0 0 20px;
    font-size: 12px;
    font-family: '微软雅黑', sans-serif;
    font-weight: bold;
}

.main #action a#cancel:hover {
    background: #F90000;
    color: #FFFFFF;
}

/* =Sitewrapper -> Content -> Sidebar
--------------------*/
#sitewrapper #content #main .sidebar {
    width: 295px;
    float: right;
    position: relative;
    z-index: 1000;
    margin-top: 26px;
}

#sitewrapper #content #main .sidebar .container {
    border: 1px solid #7DB0E3;
    background: #ECF5FF;
    padding: 10px;
}

#sitewrapper #content #main .box .container {
    border: 1px solid #A7A7A7;
    background: #F3F3F3;
    padding: 10px;
}

#sitewrapper #content #main .sidebar .container h3 {
    font-size: 18px;
    font-family: '微软雅黑', sans-serif;
    color: #000000;
    padding: 10px;
    position: relative;
    z-index: 2500;
    border-bottom: 1px solid #7DB0E3;
}

#sitewrapper #content #main .sidebar .container h3 span {
    display: block;
    font-size: 11px;
    line-height: 150%;
    font-weight: normal;
}

#sitewrapper #content #main .sidebar .container img {
    border: 6px solid #FFFFFF;
}

#sitewrapper #content #main .sidebar .container dl {
    background: #FFFFFF;
    padding: 0 0 10px 0;
    margin: 0;
    position: relative;
    z-index: 2500;
    font-size: 12px;
    font-family: '微软雅黑', sans-serif;
}

#sitewrapper #content #main .sidebar .container dl dt {
    font-weight: bold;
    padding: 10px 15px 0 15px;
    line-height: 150%;
}

#sitewrapper #content #main .sidebar .container dl dd {
    padding: 0 15px 0 15px;
    margin: 0;
    line-height: 150%;
}

#sitewrapper #content #main .sidebar .container table {
    width: 100%;
    background: #FFFFFF;
    position: relative;
    z-index: 2500;
    padding-bottom: 10px;
    font-size: 12px;
}

#sitewrapper #content #main .sidebar .container table thead {
}

#sitewrapper #content #main .sidebar .container table thead tr {
}

#sitewrapper #content #main .sidebar .container table thead tr th {
    text-align: left;
    padding: 10px;
    border-bottom: 1px solid #DADADA;
}

#sitewrapper #content #main .sidebar .container table tbody {
}

#sitewrapper #content #main .sidebar .container table tbody tr {
}

#sitewrapper #content #main .sidebar .container table tbody tr.odd {
}

#sitewrapper #content #main .sidebar .container table tbody tr.odd td {
}

#sitewrapper #content #main .sidebar .container table tbody tr td {
    padding: 7px 10px;
    border-bottom: 1px solid #DADADA;
}

#sitewrapper #content #main .sidebar .container table tbody tr td.invoice-amount {
    text-align: right;
}

#sitewrapper #content #main .sidebar .container table tbody tr td a {
    font-weight: bold;
}

/* =Sitewrapper -> Content -> Fieldsets
--------------------*/
fieldset {
    border: none;
    padding-left: 15px;
    margin: 15px 0 0 0;
    position: inherit;
}

fieldset p {
    clear: left;
}

fieldset p label {
    font-family: '微软雅黑', sans-serif;
    font-size: 12px;
    display: block;
}

fieldset p span {
    display: block;
    background: #E9E9E9;
    width: 460px;
    padding: 4px;
}

fieldset p span select,
fieldset p span input {
    border: 1px solid #A7A7A7;
    padding: 4px;
    font-family: '微软雅黑', sans-serif;
    font-size: 13px;
    font-weight: bold;
}

fieldset p span select {
    padding: 3px 4px;
}

fieldset p span input {
    width: 450px;
}

fieldset p span select {
    width: 460px;
}

fieldset option {
    color: #000000;
    font-weight: normal;
}

fieldset optgroup {
    font-family: '微软雅黑', sans-serif;
    font-size: 13px;
    color: #666666;
    font-style: normal;
    font-weight: bold;
}

fieldset optgroup option {
    font-family: '微软雅黑', sans-serif;
    font-size: 13px;
}

/* =Sitewrapper -> Header
    --------------------*/
#sitewrapper #header {
    width: 990px;
    padding-top: 60px;
}

#sitewrapper #header #global-navigation {
    text-align: right;
    font-size: 11px;
    position: relative;
    top: -25px;
}

#sitewrapper #header #global-navigation a {
    font-weight: bold;
}

#sitewrapper #header a#logo {
    height: 51px;
    width: 135px;
    float: left;
    position: relative;
    top: -10px;
    text-indent: -5000px;
}

#sitewrapper #header ul#navigation {
    margin: 0 auto !important;
    margin: 0 0 0 260px;
    width: 480px;
}

#sitewrapper #header ul#navigation li {
    float: left;
    margin: 0 2px 0 0;
}

#sitewrapper #header ul#navigation li a {
    display: block;
    height: 55px;
    width: 158px;
    text-indent: -5000px;
    position: relative;
    margin: 0 0 -9px 0;
    text-decoration: none;
}

#sitewrapper #header ul#navigation li a:hover {
    z-index: 1000;
    text-decoration: none;
}


body#timecard-page #sitewrapper #header ul#navigation li a#nav-timecard,
body#timecard-page #sitewrapper #header ul#navigation li a:hover#nav-timecard {
    z-index: 1000;
}

body#my-open-projects #sitewrapper #header ul#navigation li a#nav-projects,
body#my-open-projects #sitewrapper #header ul#navigation li a:hover#nav-projects,
body#my-closed-projects #sitewrapper #header ul#navigation li a#nav-projects,
body#my-closed-projects #sitewrapper #header ul#navigation li a:hover#nav-projects,
body#all-open-projects #sitewrapper #header ul#navigation li a#nav-projects,
body#all-open-projects #sitewrapper #header ul#navigation li a:hover#nav-projects,
body#all-closed-projects #sitewrapper #header ul#navigation li a#nav-projects,
body#all-closed-projects #sitewrapper #header ul#navigation li a:hover#nav-projects,
body#project-drill-down #sitewrapper #header ul#navigation li a#nav-projects,
body#project-drill-down #sitewrapper #header ul#navigation li a:hover#nav-projects,
body#create-edit-projects #sitewrapper #header ul#navigation li a#nav-projects {
    z-index: 1000;
}

body#reports #sitewrapper #header ul#navigation li a#nav-reporting,
body#reports #sitewrapper #header ul#navigation li a:hover#nav-reporting {
    z-index: 1000;
}

/* =Sitewrapper -> Content
    --------------------*/
#sitewrapper #content {
    clear: both;
    background: #FFFFFF;
    z-index: 100;
    position: relative;
    border: 1px solid #A7A7A7;
}

#sitewrapper #content #main {
    clear: both;
    background: #FFFFFF;
    z-index: 100;
    position: relative;
    border: 8px solid #F3F3F3 !important;
    border: 7px solid #F3F3F3; /* Hack for IE, need to fix. Has to do with an extra 1px of whitespace between #content and #main. */
    padding: 20px;
}

/* =Sitewrapper -> Content -> Quicklinks
            --------------------*/
#sitewrapper #content #main #quicklinks {
    float: right;
    width: 285px;
    position: relative; /* Fix bug in IE that hides the div because of the z-index. */
}

#sitewrapper #content #main #quicklinks h2 {
    font-size: 16px;
    padding: 13px 0 25px 12px;
}

#sitewrapper #content #main #quicklinks h3 {
    font-size: 14px;
    background: #F3F3F3;
    padding: 5px 10px;
}

#sitewrapper #content #main #quicklinks ul {
    font-size: 11px;
    font-weight: bold;
    margin: 12px;
}

#sitewrapper #content #main #quicklinks ul li {
    line-height: 200%;
}

#sitewrapper #content #main #quicklinks ul li ul {
    margin: 0 12px 12px 12px;
}

#sitewrapper #content #main #quicklinks ul li ul li {
    font-weight: normal;
    line-height: 180%;
}

#sitewrapper #content #main #quicklinks ul li ul li a {
    font-weight: normal;
}

/* =Sitewrapper -> Content -> Quicklinks -> Blank Slate
                --------------------*/
#sitewrapper #content #main #quicklinks div.blank-slate {
    background: #FFFFD5;
    border: 1px solid #D2D203;
}

#sitewrapper #content #main #quicklinks div.blank-slate p {
    margin: 10px;
    background: #FFFFFF;
    padding: 10px;
    font-size: 12px;
    font-family: '微软雅黑', sans-serif;
    line-height: 150%;
}

#sitewrapper #content #main #quicklinks div.blank-slate p strong {
    display: block;
}

/* =Sitewrapper -> Content -> Timecard
            --------------------*/
body#timecard-page div#fd-view-calendar.datePicker {
    top: 150px !important;
    left: 52% !important;
}

#sitewrapper #content #main #timecard {
    width: 615px;
    float: left;
    position: relative;
    z-index: 0
}

#sitewrapper #content #main #timecard a#switch-user {
    font-size: 12px;
    font-weight: bold;
}

#sitewrapper #content #main #timecard a#back-to-today {
    display: block;
    float: right;
    clear: right;
    font-size: 11px;
    font-weight: normal;
    padding: 2px;
}

#sitewrapper #content #main #timecard a.date-picker-control {
    height: 19px;
    width: 119px;
    float: right;
    background-repeat: no-repeat;
    background-position: 0 0;
}

#sitewrapper #content #main #timecard a.date-picker-control:hover {
    background-position: -119px 0;
}

#sitewrapper #content #main #timecard h1 {
    font-size: 16px;
    clear: left;
    margin: 5px 0 20px 0;
}

#sitewrapper #content #main #timecard h1 span.remove-alias {
    font-family: '微软雅黑', sans-serif;
    font-size: 9px;
    color: #FF0000;
    background: #FFFFCC;
    padding: 5px;
}

#sitewrapper #content #main #timecard h1 span.remove-alias a {
    color: #FF0000;
}

#sitewrapper #content #main #timecard h1 span.remove-alias a:hover {
    background: #FF0000;
    color: #FFFFFF;
}

#sitewrapper #content #main #timecard a#last-week,
#sitewrapper #content #main #timecard a#next-week {
    display: block;
    height: 20px;
    width: 20px;
    text-indent: -5000px;
    padding: 0;
    border: 1px solid #4A91D8;
}

#sitewrapper #content #main #timecard a#last-week {
    text-decoration: none;
    float: left;
    position: relative;
    z-index: 3000;
    margin: 12px 2px 3px 3px !important;
    margin: 12px -2px 3px 1px;
}

#sitewrapper #content #main #timecard a#next-week {
    text-decoration: none;
    float: right;
    position: relative;
    z-index: 3000;
    margin: 12px 4px 0px 2px !important;
    margin: 12px 1px 0px 0px;
}

/* =Sitewrapper -> Content -> Timecard -> Dates
                --------------------*/
#sitewrapper #content #main #timecard #current-dates {
    position: relative;
    z-index: 2000;
}

#sitewrapper #content #main #timecard #dates ul {
    height: 37px;
    width: auto;
    position: relative;
}

#sitewrapper #content #main #timecard #dates ul li {
    float: left;
    margin: 0 1px;
}

#sitewrapper #content #main #timecard #dates ul li a {
    display: block;
    background: #7DB0E3;
    border: 1px solid #7DB0E3;
    height: 32px;
    width: 72px;
    padding: 0 2px;
    position: relative;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    text-decoration: none;
    position: relative;
    top: 1px;
}

#sitewrapper #content #main #timecard #dates ul li a:hover {
    background: #ECF5FF;
    color: #4A91D8;
}

#sitewrapper #content #main #timecard #dates ul li a.current {
    background: #ECF5FF;
    border-bottom: none;
    color: #4A91D8;
    height: 36px !important;
    height: 37px;
    position: relative;
    bottom: -1px;
}

#sitewrapper #content #main #timecard #dates ul li a span {
    display: block;
    height: 12px;
    width: 78px;
    position: absolute;
    top: -9px;
    left: -1px;
}

#sitewrapper #content #main #timecard #dates ul li a b {
    display: block;
}

#sitewrapper #content #main #timecard #dates ul li a b.date {
    font-size: 2.8em;
    float: right;
}

#sitewrapper #content #main #timecard #dates ul li a b.day {
    font-weight: normal;
    text-transform: uppercase;
    position: relative;
    top: 3px;
}

#sitewrapper #content #main #timecard #dates ul li a b.month {
    font-size: 1.4em;
    text-transform: uppercase;
}

/* =Sitewrapper -> Content -> Timecard -> Enter-Time
                --------------------*/
#sitewrapper #content #main #enter-time {
    clear: left;
    background: #ECF5FF;
    border: 1px solid #7DB0E3;
    padding: 10px;
    position: relative;
    z-index: 5
}

#sitewrapper #content #main #enter-time form {
    padding: 10px;
}

#sitewrapper #content #main #enter-time form fieldset {
    clear: both;
    margin: 5px 0 10px 0;
    border: none;
    background: none;
    padding: 0;
}

#sitewrapper #content #main #enter-time form fieldset label {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    display: block;
    color: #000000;
    margin: 0 0 5px 5px;
}

#sitewrapper #content #main #enter-time form fieldset span {
    background: #D9ECFF;
    padding: 5px;
    display: block;
}

#sitewrapper #content #main #enter-time form fieldset span input {
    border: 1px solid #7EB0E3;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #000000;
    padding: 3px 5px;
}

#sitewrapper #content #main #enter-time form fieldset#client-project {
}

#sitewrapper #content #main #enter-time form fieldset#client-project label {
}

#sitewrapper #content #main #enter-time form fieldset#client-project span {
}

#sitewrapper #content #main #enter-time form fieldset#client-project span input {
    width: 550px;
}

/* For simplicity, the client-project field has been replaced with a client and project drop-down */

#sitewrapper #content #main #enter-time form fieldset#task {
}

#sitewrapper #content #main #enter-time form fieldset#task label {
}

#sitewrapper #content #main #enter-time form fieldset#task span {
}

#sitewrapper #content #main #enter-time form fieldset#client span select,
#sitewrapper #content #main #enter-time form fieldset#project span select,
#sitewrapper #content #main #enter-time form fieldset#task span select {
    width: 560px;
    border: 1px solid #7EB0E3;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #000000;
    padding: 3px 5px;
}

#sitewrapper #content #main #enter-time form fieldset#time {
    width: 130px;
    float: left;
    position: relative;
    z-index: 5
}

#sitewrapper #content #main #enter-time form fieldset#time label {
}

#sitewrapper #content #main #enter-time form fieldset#time span {
}

#sitewrapper #content #main #enter-time form fieldset#time span input {
    padding: 5px 0;
    font-size: 38px;
    width: 117px;
    text-align: center;
}

#sitewrapper #content #main #enter-time form fieldset#notes {
    width: 420px;
    float: right;
    clear: none;
    position: relative;
    z-index: 5
}

#sitewrapper #content #main #enter-time form fieldset#notes label {
}

#sitewrapper #content #main #enter-time form fieldset#notes span {
}

#sitewrapper #content #main #enter-time form fieldset#notes span textarea {
    border: 1px solid #7EB0E3;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    height: 48px;
    width: 397px;
    color: #000000;
    padding: 3px 5px;
    overflow: auto;
}

#sitewrapper #content #main #enter-time form fieldset#action {
    padding-top: 10px;
    height: 45px;
}

#sitewrapper #content #main #enter-time form fieldset#action a {
    float: right;
    color: #F90000;
    font-weight: bold;
    text-decoration: underline;
    font-size: 12px;
    padding-top: 15px;
}

#sitewrapper #content #main #enter-time form fieldset#action a:hover {
    background: none;
}

#sitewrapper #content #main #enter-time form fieldset#action input {
}

#sitewrapper #content #main #enter-time form fieldset#action input#btn_enter-time {
}

/* =Sitewrapper -> Content -> Timesheet
                --------------------*/
#sitewrapper #content #main #timesheet {
    position: relative;
    z-index: 5
}

#sitewrapper #content #main #timesheet h2 {
    font-size: 1.6em;
    font-family: Arial, Helvetica, sans-serif;
    clear: left;
    margin: 20px 0 15px 0;
}

#sitewrapper #content #main #timesheet #time-entered {
    background: #ECF5FF;
    border: 1px solid #7DB0E3;
    padding: 10px;
}

#sitewrapper #content #main #timesheet #time-entered #entries {
    background: #FFFFFF;
    padding: 1px 10px 1px 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

#sitewrapper #content #main #timesheet #time-entered #entries div {
}

#sitewrapper #content #main #timesheet #time-entered #entries div h3 {
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    margin: 20px 0 15px 0;
    padding: 0;
}

#sitewrapper #content #main #timesheet #time-entered #entries div h3 span.edit-remove {
    margin-left: 15px;
    font-size: 9px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

#sitewrapper #content #main #timesheet #time-entered #entries div h3 span.edit-remove,
#sitewrapper #content #main #timesheet #time-entered #entries div h3 span.edit-remove a {
    color: #FF0000;
    font-weight: normal;
}

#sitewrapper #content #main #timesheet #time-entered #entries div h3 span.edit-remove a:hover {
    background: #FF0000;
    color: #FFFFFF;
}

/* =Sitewrapper -> Content -> Timesheet -> Entry
                                --------------------*/
#sitewrapper #content #main #timesheet #time-entered #entries div div.entry {
    border: 1px solid #16CD02;
    background: #DEFCDC;
    padding: 10px;
    margin-bottom: 10px;
}

#sitewrapper #content #main #timesheet #time-entered #entries div.entry span.time {
    float: right;
    margin-right: 0px;
    font-size: 11px;
    width: 110px;
    position: relative;
    z-index: 5;
    text-align: right;
    padding: 3px 10px;
    background: #EFFEEE;
}

#sitewrapper #content #main #timesheet #time-entered #entries div.entry span.time b {
    display: none;
}

#sitewrapper #content #main #timesheet #time-entered #entries div.entry span.time span.hours {
    font-size: 38px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    padding-right: 8px;
}

#sitewrapper #content #main #timesheet #time-entered #entries div.entry span.time span.minutes {
    font-size: 38px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    padding: 0 8px 0 5px;
}

#sitewrapper #content #main #timesheet #time-entered #entries div div.entry h4 {
    margin-left: 0px;
    font-weight: normal;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

#sitewrapper #content #main #timesheet #time-entered #entries div div.entry h5 {
    margin: 5px 0 5px 0;
    font-size: 11px;
    font-weight: normal;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* =Sitewrapper -> Content -> Timesheet -> Entry -> Summary
                                    --------------------*/
#sitewrapper #content #main #timesheet #time-entered #entries div div.entry div {
}

#sitewrapper #content #main #timesheet #time-entered #entries div div.entry div ul.task-tabs {
    padding: 12px 0 0 0;
    position: relative;
    z-index: 3000;
    height: 17px;
}

#sitewrapper #content #main #timesheet #time-entered #entries div div.entry div ul.task-tabs li {
    font-weight: bold;
    display: inline;
    margin: 0 0 0 3px;
}

#sitewrapper #content #main #timesheet #time-entered #entries div div.entry div ul.task-tabs li a {
}

#sitewrapper #content #main #timesheet #time-entered #entries div div.entry div ul.task-tabs li.tab a {
    background: #99C295;
    border-left: 1px solid #99C295;
    border-right: 1px solid #99C295;
    padding: 3px 15px 4px 15px;
    color: #FFFFFF;
    text-decoration: none;
    text-align: center;
    font-size: 11px;
}

#sitewrapper #content #main #timesheet #time-entered #entries div div.entry div ul.task-tabs li.tab a:hover {
    background: #18CD04;
    border-left: 1px solid #18CD04;
    border-right: 1px solid #18CD04;
}

#sitewrapper #content #main #timesheet #time-entered #entries div div.entry div ul.task-tabs li.tab.on {
    border: 1px solid #17CD03;
    border-bottom: none;
    background: #FFFFFF;
    text-align: center;
    text-decoration: none;
    padding: 6px 15px 4px 15px;
    color: #000000;
    position: relative;
    top: 1px;
}

#sitewrapper #content #main #timesheet #time-entered #entries div div.entry div div.task-summary {
    line-height: 150%;
    font-size: 11px;
    background: #FFFFFF;
    border-top: 1px solid #17CD03;
    padding: 10px;
    clear: both;
}

#sitewrapper #content #main #timesheet #time-entered #entries div div.entry div div.task-summary p.task-budget,
#sitewrapper #content #main #timesheet #time-entered #entries div div.entry div div.task-summary p.people {
    margin: 0;
}

#sitewrapper #content #main #timesheet #time-entered #entries div div.entry div div.task-summary div.section {
}

#sitewrapper #content #main #timesheet #time-entered #entries div div.entry div div.task-summary div.section pre {
    margin: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 14px;
    white-space: pre-wrap !important;
    white-space: normal;
}

/* =Sitewrapper -> Content -> Timesheet -> Entry -> Summary --> Graph
                                                --------------------*/
#sitewrapper #content #main #timesheet #time-entered #entries div div.entry div div.task-summary div.section div.graph {
    width: 230px;
    height: 15px;
    float: right;
    position: relative;
    margin-top: 5px;
}

#sitewrapper #content #main #timesheet #time-entered #entries div div.entry div div.task-summary div.section div.graph .graph_thin_green_bar,
#sitewrapper #content #main #timesheet #time-entered #entries div div.entry div div.task-summary div.section div.graph .graph_thin_yellow_bar,
#sitewrapper #content #main #timesheet #time-entered #entries div div.entry div div.task-summary div.section div.graph .graph_thin_red_bar,
#sitewrapper #content #main #timesheet #time-entered #entries div div.entry div div.task-summary div.section div.graph .graph_thin_no-bar_bar {
    width: 197px;
}

/* =Sitewrapper -> Content -> Timesheet -> Entry -> Summary --> Budget Info
--------------------*/
#sitewrapper #content #main #timesheet #time-entered #entries div div.entry div div.task-summary div.section p.task-budget,
#sitewrapper #content #main #timesheet #time-entered #entries div div.entry div div.task-summary div.section p.people {
    font-size: 11px;
    line-height: 150%;
}

#sitewrapper #content #main #timesheet #time-entered #entries div div.entry div div.task-summary div.section p.task-budget strong {
}

#sitewrapper #content #main #timesheet #time-entered #entries div div.entry div div.task-summary div.section p.task-budget strong.over {
    color: #CC0000;
}

/* =Sitewrapper -> Content -> Timesheet -> Day/Week Total
                        --------------------*/
#sitewrapper #content #main #timesheet #time-entered h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #000000;
    font-size: 16px;
    margin: 10px 0 0 10px;
}

#sitewrapper #content #main #timesheet #time-entered p {
    font-size: 12px;
    line-height: 180%;
    margin: 0 0 0 10px;
}

/* =Sitewrapper -> Content -> Projects
                --------------------*/
#sitewrapper #content #main #projects {
    position: relative;
    z-index: 5
}

#sitewrapper #content #main #rss-my-open-projects {
    padding-top: 20px;
    font-size: 11px;
}

#sitewrapper #content #main #rss-warning {
    padding-top: 5px;
    font-size: 10px;
}

/* =Sitewrapper -> Content -> Lock_Unlock
                --------------------*/
#sitewrapper #content #main #lock_unlock {
    padding: 0 0 5px 0;
    font-size: 11px;
    line-height: 15px;
}

#sitewrapper #content #main #lock_unlock span {
    font-style: italic;
    font-size: 10px;
    color: #666666;
}

/* =Sitewrapper -> Content -> Projects -> Top Content
                --------------------*/
#sitewrapper #content #main #projects a#switch-user {
    font-size: 12px;
    font-weight: bold;
}

#sitewrapper #content #main #projects a#create-a-new-project {
    font-size: 12px;
    font-weight: bold;
    float: right;
    color: #FF0000;
    position: relative;
    z-index: 3000;
}

#sitewrapper #content #main #projects a#create-a-new-project:hover {
    background-color: #FF0000;
    color: #FFFFFF;
}

#sitewrapper #content #main #projects #out-of-projects {
    font-size: 12px;
    float: right;
    color: #000000;
    position: relative;
    z-index: 3000;
}

#sitewrapper #content #main #projects #out-of-projects a {
    color: #FF0000;
}

#sitewrapper #content #main #projects #out-of-projects a:hover {
    background-color: #FF0000;
    color: #FFFFFF;
}

#sitewrapper #content #main #projects h1 {
    font-size: 16px;
    clear: left;
    margin: 5px 0 20px 0;
}

/* =Sitewrapper -> Content -> Projects -> Project Listings
                    --------------------*/
#sitewrapper #content #main #projects #project-listing {
    background: #ECF5FF;
    border: 1px solid #7DB0E3;
    padding: 10px;
}

#sitewrapper #content #main #projects #project-listing #show-client {
    font-size: 12px;
    font-weight: bold;
    height: 43px;
}

#sitewrapper #content #main #projects #project-listing #show-client b {
    float: left;
    margin: 0 15px 0 10px;
    line-height: 33px;
}

#sitewrapper #content #main #projects #project-listing #show-client span {
    background-color: #D9ECFF;
    padding: 4px;
    float: left;
    display: block;
}

#sitewrapper #content #main #projects #project-listing #show-client span select {
    width: 460px;
    border: 1px solid #7EB0E3;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #000000;
    padding: 3px 5px;
}

/* =Sitewrapper -> Content ->  Projects -> Project Listings -> Projects
                    --------------------*/
#sitewrapper #content #main #projects #project-listing #project {
    background-color: #FFFFFF;
    padding: 1px 10px 1px 10px;
}

#sitewrapper #content #main #projects #project-listing #project h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    margin: 15px 0 10px 0;
    color: #000000;
}

#sitewrapper #content #main #projects #project-listing #project div.project {
    border: 1px solid #16CD02;
    background: #DEFCDC;
    padding: 10px;
    margin-bottom: 10px;
}

#sitewrapper #content #main #projects #project-listing #project div.project div.summary {
    padding: 10px 10px 10px 10px;
}

#sitewrapper #content #main #projects #project-listing #project div.project div.summary a.close-project,
#sitewrapper #content #main #projects #project-listing #project div.project div.summary a.edit-project {
    color: #FF0000;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: underline;
    float: right;
    position: relative;
    z-index: 3000;
}

#sitewrapper #content #main #projects #project-listing #project div.project div.summary a.edit-project {
    position: relative;
    right: 10px;
}

#sitewrapper #content #main #projects #project-listing #project div.project div.summary a.close-project:hover,
#sitewrapper #content #main #projects #project-listing #project div.project div.summary a.edit-project:hover {
    color: #FFFFFF;
    background-color: #FF0000;
}

#sitewrapper #content #main #projects #project-listing #project div.project div.summary h4 {
    font-size: 11px;
    font-weight: normal;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

#sitewrapper #content #main #projects #project-listing #project div.project div.summary h4 a {
    font-size: 12px;
    color: #2976C2;
    text-decoration: underline;
}

#sitewrapper #content #main #projects #project-listing #project div.project div.summary h4 a.basecamp {
    padding-right: 25px;
}

#sitewrapper #content #main #projects #project-listing #project div.project div.summary h4 a.recurring {
    padding-right: 25px;
}

#sitewrapper #content #main #projects #project-listing #project div.project div.summary h4 a.recurring.basecamp {
    padding-right: 55px;
}

#sitewrapper #content #main #projects #project-listing #project div.project div.summary h4 a:hover {
    color: #FFFFFF;
    background-color: #2976C2 !important;
}

#sitewrapper #content #main #projects #project-listing #project div.project div.summary h5 {
    font-size: 11px;
    font-weight: normal;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin-top: 7px;
}

#sitewrapper #content #main #projects #project-listing #project div.project div.section {
    background: #FFFFFF;
    border-top: 1px solid #16CD02;
    padding: 10px;
}

/* =Sitewrapper -> Content -> Projects -> Project Listings -> Projects --> Graph
                                        --------------------*/
#sitewrapper #content #main #projects #project-listing #project div.project div.section div.graph {
    height: 15px;
    float: right;
    width: 425px;
    position: relative;
    margin-top: 5px;
}

#sitewrapper #content #main #projects #project-listing #project div.project div.section div.graph .graph_thin_green_bar,
#sitewrapper #content #main #projects #project-listing #project div.project div.section div.graph .graph_thin_yellow_bar,
#sitewrapper #content #main #projects #project-listing #project div.project div.section div.graph .graph_thin_red_bar,
#sitewrapper #content #main #projects #project-listing #project div.project div.section div.graph .graph_thin_no-bar_bar {
    width: 400px;
}

/* =Sitewrapper -> Content -> Projects -> Project Listings -> Projects --> Budget Info
--------------------*/
#sitewrapper #content #main #projects #project-listing #project div.project div.section p.project-budget {
    font-size: 12px;
    line-height: 150%;
}

#sitewrapper #content #main #projects #project-listing #project div.project div.section p.project-budget strong {
}

#sitewrapper #content #main #projects #project-listing #project div.project div.section p.project-budget strong.over {
    color: #CC0000;
}

#sitewrapper #content #main #projects #project-listing #project div.project div.section p.people {
    font-size: 11px;
    line-height: 150%;
}

/* =Sitewrapper -> Content -> Projects -> My Closed Projects / All Open Projects
--------------------*/
#sitewrapper #content #main #projects #project-listing #project.my-closed-projects,
#sitewrapper #content #main #projects #project-listing #project.all-open-projects,
#sitewrapper #content #main #projects #project-listing #project.all-closed-projects {
    padding: 0 0 20px 0;
}

#sitewrapper #content #main #projects #project-listing #project table {
    width: 100%;
}

#sitewrapper #content #main #projects #project-listing #project table thead {
}

#sitewrapper #content #main #projects #project-listing #project table thead tr {
}

#sitewrapper #content #main #projects #project-listing #project table thead tr th {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    text-align: left;
    padding: 20px 0 4px 10px;
    border-bottom: 1px solid #DADADA;
}

#sitewrapper #content #main #projects #project-listing #project table thead tr th.project-name {
}

#sitewrapper #content #main #projects #project-listing #project table thead tr th.project-budget,
#sitewrapper #content #main #projects #project-listing #project table thead tr th.time-entered,
#sitewrapper #content #main #projects #project-listing #project table thead tr th.results,
#sitewrapper #content #main #projects #project-listing #project table thead tr th.project-tasks {
    text-align: right;
    white-space: nowrap;
}

#sitewrapper #content #main #projects #project-listing #project table thead tr th.last-column {
    padding-right: 20px;
}

#sitewrapper #content #main #projects #project-listing #project table tbody {
}

#sitewrapper #content #main #projects #project-listing #project table tbody tr {
}

#sitewrapper #content #main #projects #project-listing #project table tbody tr.odd {
}

#sitewrapper #content #main #projects #project-listing #project table tbody tr.odd td {
    background-color: #FBFBFB;
}

#sitewrapper #content #main #projects #project-listing #project table tbody tr td {
    border-bottom: 1px solid #DADADA;
    line-height: 25px;
}

#sitewrapper #content #main #projects #project-listing #project table tbody tr td strong {
    font-weight: normal;
    color: #F90000;
}

#sitewrapper #content #main #projects #project-listing #project table td.project-name {
    padding-left: 10px;
}

#sitewrapper #content #main #projects #project-listing #project table td.project-name {
}

#sitewrapper #content #main #projects #project-listing #project table td.project-name a {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

#sitewrapper #content #main #projects #project-listing #project table td.project-budget,
#sitewrapper #content #main #projects #project-listing #project table td.time-entered,
#sitewrapper #content #main #projects #project-listing #project table td.results,
#sitewrapper #content #main #projects #project-listing #project table td.project-tasks {
    text-align: right;
    font-size: 12px;
    white-space: nowrap;
}

#sitewrapper #content #main #projects #project-listing #project table td.project-budget {
    width: 130px;
}

#sitewrapper #content #main #projects #project-listing #project table td.time-entered {
    width: 130px;
}

#sitewrapper #content #main #projects #project-listing #project table td.results {
    width: 100px;
}

#sitewrapper #content #main #projects #project-listing #project table td.last-column {
    padding-right: 20px;
}

/* =Sitewrapper -> Content -> Create/Edit Project -> Delete Project
--------------------*/
#sitewrapper #content #main #delete-project {
    border: 1px solid #D2D202;
    background: #FFFFD5;
    padding: 10px;
    width: 273px;
    z-index: 2000;
    margin-bottom: 10px;
    font-size: 11px;
    line-height: 150%;
}

#sitewrapper #content #main #delete-project div.bg {
    display: block;
    padding: 10px;
}

#sitewrapper #content #main #delete-project div.bg h4 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    margin: 0 0 5px 0;
}

#sitewrapper #content #main #delete-project div.bg p {
    margin: 0 0 10px 0;
}

#sitewrapper #content #main #delete-project div.bg p strong {
    font-weight: normal;
    color: #F90000;
}

#sitewrapper #content #main #delete-project div.bg p a {
    font-weight: bold;
}

/* =Sitewrapper -> Content -> Create/Edit Project -> Task Template
                --------------------*/
#sitewrapper #content #main #import-tasks {
    border: 1px solid #A7A7A7;
    background: #F7F7F7;
    padding: 10px;
    width: 273px;
    z-index: 2000;
    margin-bottom: 10px;
    font-size: 11px;
    line-height: 150%;
}

#sitewrapper #content #main #import-tasks h3 {
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    padding: 10px;
    position: relative;
    z-index: 2500;
    border-bottom: 1px solid #A7A7A7;
}

#sitewrapper #content #main #import-tasks h3 span.note {
    font-size: 12px;
    color: #239715;
    font-weight: normal;
    font-variant: small-caps;
}

#sitewrapper #content #main #import-tasks #import-from-tick {
    background-color: #FFFFFF;
    padding: 15px 10px 13px 10px;
}

#sitewrapper #content #main #import-tasks #import-from-basecamp {
    background-color: #FFFFFF;
    padding: 0 10px 15px 10px;
}

#sitewrapper #content #main #import-tasks #import-from-tick h4,
#sitewrapper #content #main #import-tasks #import-from-basecamp h4 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    margin: 0 0 0 0;
}

#sitewrapper #content #main #import-tasks #import-from-basecamp h4 {
    padding: 15px 0 0 22px;
    border-top: 1px dotted #CCCCCC;
}

#sitewrapper #content #main #import-tasks #import-from-tick p,
#sitewrapper #content #main #import-tasks #import-from-basecamp p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

#sitewrapper #content #main #import-tasks #import-from-basecamp a {
    display: block;
    width: 172px;
    height: 23px;
    margin-top: 5px;
    text-indent: -5000px;
    cursor: pointer;
}

/* =Sitewrapper -> Content -> Create/Edit Project -> Project Template -> Template Select
                --------------------*/
#sitewrapper #content #main #import-tasks fieldset {
    background: none;
    padding-left: 0;
    margin-top: 10px;
}

#sitewrapper #content #main #import-tasks fieldset p {
}

#sitewrapper #content #main #import-tasks fieldset p span {
    padding: 4px;
    width: 245px;
    background: #E9E9E9;
}

#sitewrapper #content #main #import-tasks fieldset p span select {
    border: 1px solid #A7A7A7;
    width: 245px;
}

#sitewrapper #content #main #import-tasks fieldset p span select option {
}

/* =Sitewrapper -> Content -> Create/Edit Project -> Create/Edit Project
                --------------------*/
#sitewrapper #content #main #create-edit-project {
    width: 615px;
    min-height: 890px;
}

#sitewrapper #content #main #create-edit-project #accessing_basecamp {
    margin-top: 20px;
    background: #FFFFD5;
}

#sitewrapper #content #main #create-edit-project #accessing_basecamp p {
    font-size: 14px;
    margin: 0;
    padding: 20px 0 0 25px;
}

#sitewrapper #content #main #create-edit-project #accessing_basecamp img {
    margin: 0;
    padding: 0;
}

#sitewrapper #content #main #create-edit-project p#basecamp_link_error {
    padding: 10px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 150%;
    margin-top: 30px;
    font-size: 12px;
    background: #E0EBEB;
    border: 1px solid #8FCACE;
}

#sitewrapper #content #main #create-edit-project p#basecamp_link_error a.cancel {
    margin-left: 10px;
    color: #F90000;
}

#sitewrapper #content #main #create-edit-project p#basecamp_link_error a.cancel:hover {
    color: #FFFFFF;
    background-color: #F90000;
}

#sitewrapper #content #main #create-edit-project a#link-to-basecamp {
    font-size: 12px;
    font-weight: bold;
    float: right;
    padding-left: 25px;
    line-height: 18px;
    background-repeat: no-repeat;
    background-position: 0 0;
}

#sitewrapper #content #main #create-edit-project h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    padding-bottom: 7px;
    margin-bottom: 0;
    border-bottom: 1px solid #A7A7A7;
}

#sitewrapper #content #main #create-edit-project h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    margin: 30px 0 5px 0;
}

#sitewrapper #content #main #create-edit-project p {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin: 0 0 7px 0;
}

#sitewrapper #content #main #create-edit-project fieldset#client,
#sitewrapper #content #main #create-edit-project fieldset#project {
}

#sitewrapper #content #main #create-edit-project fieldset#client p span,
#sitewrapper #content #main #create-edit-project fieldset#project p span {
    width: 465px;
}

#sitewrapper #content #main #create-edit-project fieldset#client p span input,
#sitewrapper #content #main #create-edit-project fieldset#project p span input {
    width: 455px;
}

#sitewrapper #content #main #create-edit-project fieldset#client p span select {
    width: 465px;
}

#sitewrapper #content #main #create-edit-project fieldset#budget {
}

#sitewrapper #content #main #create-edit-project fieldset#budget p {
    margin: 0;
    padding: 0;
}

#sitewrapper #content #main #create-edit-project fieldset#budget p#project-budget {
    width: 240px;
    float: left;
}

#sitewrapper #content #main #create-edit-project fieldset#budget p#project-budget span {
    width: 75px;
    float: left;
}

#sitewrapper #content #main #create-edit-project fieldset#budget p#project-budget span input {
    width: 65px;
}

#sitewrapper #content #main #create-edit-project fieldset#budget p#project-budget label {
    display: inline;
    padding-left: 10px;
    line-height: 260%;
    font-weight: normal;
    color: #999999;
}

#sitewrapper #content #main #create-edit-project fieldset#budget p#use-tasks {
    float: left;
    clear: none;
    margin-left: 20px;
}

#sitewrapper #content #main #create-edit-project fieldset#budget p#use-tasks label {
}

#sitewrapper #content #main #create-edit-project fieldset#budget p#use-tasks label span {
    display: inline;
    background: #FFFFCC;
    font-weight: bold;
    line-height: 260%;
    margin-left: 5px;
}

#sitewrapper #content #main #create-edit-project fieldset#budget p#use-tasks label input {
}

/* =Sitewrapper -> Content -> Create/Edit Project -> Create/Edit Project --> Tasks
                            --------------------*/
#sitewrapper #content #main #create-edit-project #tasks-container fieldset#task {
}

#sitewrapper #content #main #create-edit-project #tasks-container fieldset#task table thead {
}

#sitewrapper #content #main #create-edit-project #tasks-container fieldset#task table thead tr {
}

#sitewrapper #content #main #create-edit-project #tasks-container fieldset#task table thead tr td {
}

#sitewrapper #content #main #create-edit-project #tasks-container fieldset#task table thead tr td.name {
    width: 368px;
}

#sitewrapper #content #main #create-edit-project #tasks-container fieldset#task table thead tr td.budget {
    width: 68px;
}

#sitewrapper #content #main #create-edit-project #tasks-container fieldset#task table thead tr td.billable {
    width: 51px;
}

#sitewrapper #content #main #create-edit-project #tasks-container fieldset#task table thead tr td label {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding-left: 4px;
}

#sitewrapper #content #main #create-edit-project #tasks-container fieldset#task ol {
    margin: 3px 0 10px 0;
}

#sitewrapper #content #main #create-edit-project #tasks-container fieldset#task ol li {
    list-style-type: none;
}

#sitewrapper #content #main #create-edit-project #tasks-container fieldset#task table tbody {
    background: #E9E9E9;
}

#sitewrapper #content #main #create-edit-project #tasks-container fieldset#task table tbody tr {
}

#sitewrapper #content #main #create-edit-project #tasks-container fieldset#task table tbody tr td {
}

#sitewrapper #content #main #create-edit-project #tasks-container fieldset#task table tbody tr td.name {
    width: 368px;
}

#sitewrapper #content #main #create-edit-project #tasks-container fieldset#task table tbody tr td.budget {
    width: 68px;
}

#sitewrapper #content #main #create-edit-project #tasks-container fieldset#task table tbody tr td.billable {
    width: 51px;
    text-align: center;
}

#sitewrapper #content #main #create-edit-project #tasks-container fieldset#task table tbody tr td input {
    border: 1px solid #A7A7A7;
    padding: 4px;
    margin: 4px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
}

#sitewrapper #content #main #create-edit-project #tasks-container fieldset#task table tbody tr td input.task-name {
    width: 350px;
}

#sitewrapper #content #main #create-edit-project #tasks-container fieldset#task table tbody tr td input.basecamp_todo_list {
    border-color: #CCC;
    color: #999;
    padding-left: 26px;
    width: 328px;
}

#sitewrapper #content #main #create-edit-project #tasks-container fieldset#task table tbody tr td input.task-budget {
    width: 50px;
    float: left;
}

#sitewrapper #content #main #create-edit-project #tasks-container fieldset#task table tbody tr td input.task-billable {
    margin: 0 4px 0 0;
}

#sitewrapper #content #main #create-edit-project #tasks-container fieldset#task table tbody tr td.trash {
    background: #FFFFFF;
    padding: 9px 10px;
}

#sitewrapper #content #main #create-edit-project #tasks-container fieldset#task table tbody tr td.trash a {
    text-indent: -5000px;
    display: block;
    float: right;
    height: 15px;
    width: 15px;
}

#sitewrapper #content #main #create-edit-project #tasks-container fieldset#task table tbody tr td.rearrange {
    background: #FFFFFF;
    padding: 9px 10px;
}

#sitewrapper #content #main #create-edit-project #tasks-container fieldset#task table tbody tr td.rearrange a {
    text-indent: -5000px;
    display: block;
    float: right;
    height: 15px;
    width: 31px;
}

#sitewrapper #content #main #create-edit-project #tasks-container fieldset#task input#add-another-task {
    width: 120px;
    font-size: 12px;
}

#sitewrapper #content #main #create-edit-project #tasks-container fieldset#task p {
    float: right;
    margin: 2px 210px 0 0 !important;
    margin: 5px 105px 0 0;
    line-height: 130%;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #333333;
}

/* =Sitewrapper -> Content -> Create/Edit Project -> Create/Edit Project --> Permissions and Notifications
                            --------------------*/
#sitewrapper #content #main #create-edit-project fieldset.permissions_notifications {
    height: auto;
    float: left;
    width: 600px;
}

#sitewrapper #content #main #create-edit-project fieldset.project_owner p {
    margin: 0;
}

#sitewrapper #content #main #create-edit-project fieldset.project_owner p span {
    padding: 4px;
    width: 200px;
}

#sitewrapper #content #main #create-edit-project fieldset.project_owner p span select {
    width: inherit;
}

#sitewrapper #content #main #create-edit-project fieldset.select_people {
    margin-top: 0;
}

#sitewrapper #content #main #create-edit-project fieldset.select_people ul {
    border-top: 1px solid #A7A7A7;
    float: left;
}

#sitewrapper #content #main #create-edit-project fieldset#permissions {
}

#sitewrapper #content #main #create-edit-project fieldset#notifications {
}

#sitewrapper #content #main fieldset.permissions_notifications h4,
#sitewrapper #content #main #create-edit-project fieldset.project_owner h4 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    background: #FFFFFF;
    padding-bottom: 10px;
}

#sitewrapper #content #main fieldset.permissions_notifications ul {
    padding: 10px 10px 0 10px;
}

#sitewrapper #content #main fieldset.permissions_notifications ul li {
    width: 185px;
    float: left;
    font-size: 11px;
    padding: 0 5px 10px 0;
    margin: 0;
}

#sitewrapper #content #main fieldset.all_or_some ul li {
    width: 250px;
}

#sitewrapper #content #main fieldset#notifications ul li {
    width: auto;
}

#sitewrapper #content #main fieldset.permissions_notifications ul li label.selected {
    font-weight: bold;
}

#sitewrapper #content #main fieldset.permissions_notifications ul li input {
    float: left;
    margin: 0 5px 5px 0;
}

#sitewrapper #content #main #create-edit-project fieldset.permissions_notifications ul li b {
}

#sitewrapper #content #main #create-edit-project fieldset.permissions_notifications ul li span {
    color: #999999;
}

/* =Sitewrapper -> Content -> Create/Edit Project -> Create/Edit Project --> Project Recurrence
                            --------------------*/
#sitewrapper #content #main #create-edit-project fieldset.recurring_project {
    height: auto;
    float: left;
    width: 600px;
}

#sitewrapper #content #main #create-edit-project fieldset#recurrence {
}

#sitewrapper #content #main fieldset.recurring_project h4,
#sitewrapper #content #main #create-edit-project fieldset.recurring_project h4 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    background: #FFFFFF;
    padding-bottom: 10px;
}

#sitewrapper #content #main fieldset.recurring_project ul {
    padding: 10px 10px 0 10px;
}

#sitewrapper #content #main fieldset.recurring_project ul li {
    width: 185px;
    float: left;
    font-size: 11px;
    padding: 0 5px 10px 0;
    margin: 0;
}

#sitewrapper #content #main fieldset#recurrence ul li {
    width: auto;
}

#sitewrapper #content #main fieldset.recurring_project ul li label.selected {
    font-weight: bold;
}

#sitewrapper #content #main fieldset.recurring_project ul li input {
    float: left;
    margin: 0 5px 5px 0;
}

#sitewrapper #content #main #create-edit-project fieldset.recurring_project ul li b {
}

#sitewrapper #content #main #create-edit-project fieldset.recurring_project ul li span {
    color: #999999;
}

/* =Sitewrapper -> Content -> Project -> Detail
--------------------*/
#sitewrapper #content #main #projects div.project-summary {
    margin: 40px 0;
}

#sitewrapper #content #main #projects div.project-summary div.budget-remaining {
    border: 1px solid #D2D202;
    background: #FFFFD5;
    padding: 10px;
    width: 483px;
    float: right;
    position: relative;
    z-index: 3000;
}

#sitewrapper #content #main #projects div.project-summary div.budget-remaining div.budget-remaining-inner {
    padding: 10px;
}

#sitewrapper #content #main #projects div.project-summary div.budget-remaining h1 {
    padding: 0;
    margin: 0 0 5px 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
}

#sitewrapper #content #main #projects div.project-summary div.budget-remaining p.project-budget {
    font-size: 12px;
    margin: 0 0 10px 0;
}

/* =Sitewrapper -> Content -> Project -> Drill Down --> Graph
                                    --------------------*/
#sitewrapper #content #main #projects div.project-summary div.budget-remaining div.graph .graph_thick_green_bar,
#sitewrapper #content #main #projects div.project-summary div.budget-remaining div.graph .graph_thick_yellow_bar,
#sitewrapper #content #main #projects div.project-summary div.budget-remaining div.graph .graph_thick_red_bar,
#sitewrapper #content #main #projects div.project-summary div.budget-remaining div.graph .graph_thick_no-bar_bar {
    width: 401px;
}

#sitewrapper #content #main #projects div.project-summary div.budget-remaining p.people {
    font-size: 12px;
    margin: 10px 0 0 0;
}

#sitewrapper #content #main #projects div.project-summary h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #666666;
    padding: 10px 0 10px 0;
}

#sitewrapper #content #main #projects div.project-summary h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    color: #000000;
    margin: 0;
    padding: 0 0 12px 0;
}

#sitewrapper #content #main #projects div.project-summary p.project-owner {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 0 0 3px 0;
}

#sitewrapper #content #main #projects div.project-summary p.project-created-on {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 0 0 15px 0;
}

#sitewrapper #content #main #projects div.project-summary p.edit-close-project {
    font-weight: bold;
    color: #F90000;
    font-size: 12px;
}

#sitewrapper #content #main #projects div.project-summary p.edit-close-project a {
    color: #F90000;
}

#sitewrapper #content #main #projects div.project-summary p.edit-close-project a:hover {
    background: #F90000;
    color: #FFFFFF;
}

#sitewrapper #content #main #projects div.project-summary p.project-closed {
    color: #FFFFFF;
    width: 350px;
    line-height: 150%;
    font-size: 12px;
    font-weight: bold;
    padding: 10px;
    background: #666666;
    border: 1px solid #333333;
}

#sitewrapper #content #main #projects div.project-summary p.project-closed a {
    color: #FFFFFF;
}

#sitewrapper #content #main #projects div.project-summary p.project-closed a:hover {
    background: #FFFFFF;
    color: #666666;
}

#sitewrapper #content #main #projects div.project-summary p.basecamp-project {
    padding: 7px;
    width: 350px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 150%;
    margin-top: 15px;
    font-size: 12px;
    background: #E0EBEB;
    border: 1px solid #8FCACE;
}

#sitewrapper #content #main #projects div.project-summary p.basecamp-project strong {
    display: block;
}

#sitewrapper #content #main #projects div.project-summary p.basecamp-project span {
    display: block;
    font-weight: bold;
    margin-top: 10px;
    padding-left: 20px;
}

#sitewrapper #content #main #projects div.project-summary p.basecamp-project small {
    font-size: 11px;
}

#sitewrapper #content #main #projects h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #000000;
    margin: 0 0 10px 0;
}

/* =Sitewrapper -> Content -> Project -> Drill Down -> All Tasks
--------------------*/
#sitewrapper #content #main #projects div.task {
    padding: 10px;
    margin-bottom: 20px;
}

#sitewrapper #content #main #projects div.task div.task-name p.task-status {
    float: right;
    position: relative;
    z-index: 1000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    padding: 10px 30px 0 0;
}

#sitewrapper #content #main #projects div.task div.task-name p.task-status strong {
}

#sitewrapper #content #main #projects div.task div.task-name p.task-status a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #F90000;
    margin-left: 10px;
}

#sitewrapper #content #main #projects div.task div.task-name p.task-status a:hover {
    color: #FFFFFF;
    background: #F90000;
}

#sitewrapper #content #main #projects div.task div.task-name h4 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #000000;
    padding: 10px 0 10px 20px;
}

#sitewrapper #content #main #projects div.task div.task-summary {
    padding: 10px 0 10px 20px;
    background: #FFFFFF;
}

#sitewrapper #content #main #projects div.task p.no-time {
    padding: 10px;
    font-size: 11px;
    background: #FBFBFB;
    text-align: center;
}

/* =Sitewrapper -> Content -> Project -> Drill Down -> Open Tasks
                --------------------*/
#sitewrapper #content #main #projects div.task {
    border: 1px solid #17CD03;
    background: #DEFCDC;
}

#sitewrapper #content #main #projects div.task div.task-name {
    border-bottom: 1px solid #17CD03;
}

#sitewrapper #content #main #projects div.task div.task-summary {
    border-top: 1px solid #17CD03;
}

/* =Sitewrapper -> Content -> Project -> Drill Down -> Closed Tasks
                --------------------*/
#sitewrapper #content #main #projects div.task.closed {
    border: 1px solid #A7A7A7;
    background: #F3F3F3;
}

#sitewrapper #content #main #projects div.task.closed div.task-name {
    border-bottom: 1px solid #A7A7A7;
}

#sitewrapper #content #main #projects div.task.closed div.task-summary {
    border-top: 1px solid #A7A7A7;
}

/* =Sitewrapper -> Content -> Projects -> Project Detail -> Task --> Graph
                        --------------------*/
#sitewrapper #content #main #projects div.task div.task-summary div.graph {
    height: 15px;
    width: 405px;
    float: right;
    position: relative;
    margin: 5px 10px 0 0;
    z-index: 5000;
}

#sitewrapper #content #main #projects div.task div.task-summary div.graph .graph_thin_green_bar,
#sitewrapper #content #main #projects div.task div.task-summary div.graph .graph_thin_yellow_bar,
#sitewrapper #content #main #projects div.task div.task-summary div.graph .graph_thin_red_bar,
#sitewrapper #content #main #projects div.task div.task-summary div.graph .graph_thin_no-bar_bar {
    width: 380px;
}

#sitewrapper #content #main #projects div.task div.task-summary p.task-budget-remaining {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
}

#sitewrapper #content #main #projects div.task div.task-summary p.task-budget-remaining strong.over {
    color: #890104;
}

#sitewrapper #content #main #projects div.task div.task-summary p.task-budget-total {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

/* =Sitewrapper -> Content -> Reports
            --------------------*/
#sitewrapper #content #date-picker {
    border: 8px solid #F3F3F3;
    border-bottom: none;
    position: relative;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 971px;
    height: 152px;
}

#sitewrapper #content #date-picker fieldset {
    display: block;
    float: left;
    background: none;
    padding: 0;
    margin-top: 7px;
}

#sitewrapper #content #date-picker fieldset input.disabled,
#sitewrapper #content #date-picker fieldset select.disabled {
    border: 1px solid #CCCCCC !important;
    background-color: #EEEEEE !important;
    color: #9C9C9C !important;
}

#sitewrapper #content #date-picker #date-range {
    float: left;
    width: 303px;
    height: 131px;
    padding: 20px 0 0 32px;
    border-bottom: 1px solid #A7A7A7;
}

#sitewrapper #content #date-picker #date-range h2 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 8px;
}

#sitewrapper #content #date-picker #date-range fieldset {
}

#sitewrapper #content #date-picker #date-range fieldset input.range,
#sitewrapper #content #date-picker #date-range fieldset select.presets {
    border: 1px solid #A7A7A7;
    padding: 4px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
}

#sitewrapper #content #date-picker #date-range fieldset input.range {
    width: 70px;
    float: left;
}

#sitewrapper #content #date-picker #date-range fieldset input.range-options {
    float: left;
    margin: 10px 7px 0 0;
}

#sitewrapper #content #date-picker #date-range fieldset span {
    display: block;
    float: left;
    background: #E9E9E9;
    padding: 4px;
}

#sitewrapper #content #date-picker #date-range fieldset #arrow {
    display: block;
    float: left;
    font-size: 16px;
    line-height: 33px;
    padding: 0 10px;
}

#sitewrapper #content #date-picker #date-range fieldset span a span {
    display: inline;
    float: none;
    background: transparent;
    padding: 0;
}

#sitewrapper #content #date-picker #filters {
    float: left;
    width: 349px;
    height: 147px;
    padding: 4px 0 0 20px;
    border-bottom: 1px solid #A7A7A7;
}

#sitewrapper #content #date-picker #filters fieldset {
}

#sitewrapper #content #date-picker #filters fieldset label {
    font-family: Arial, Helvetica, Garuda, sans-serif;
    font-size: 11px;
    margin-right: 10px !important;
    margin-right: 5px; /* IE6 Box Model Woes */
    line-height: 35px;
    display: block;
    float: left;
}

#sitewrapper #content #date-picker #filters fieldset label input {
    margin: 10px 2px 0 0 !important;
    margin: 10px 0 0 0; /* IE6 Box Model Woes */
    display: block;
    float: left;
}

#sitewrapper #content #date-picker #filters fieldset h2 {
    display: block;
    float: left;
    width: 50px;
    line-height: 35px;
    font-size: 12px;
    text-align: right;
    margin-right: 10px;
}

#sitewrapper #content #date-picker #filters fieldset span {
    display: block;
    float: left;
    background: #E9E9E9;
    padding: 4px;
}

#sitewrapper #content #date-picker #filters fieldset span select {
    border: 1px solid #A7A7A7;
    padding: 4px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
}

#sitewrapper #content #date-picker #actions.detail {
    height: 71px;
    padding: 80px 0 0 30px !important;
}

#sitewrapper #content #date-picker #actions {
    float: left;
    width: 237px;
    height: 117px;
    padding: 34px 0 0 30px !important;
    padding: 34px 0 0 27px; /* IE6 Box Model Woes */
    border-bottom: 1px solid #A7A7A7;
}

#sitewrapper #content #date-picker #actions h2 {
    display: block;
    float: left;
    width: 60px;
    line-height: 34px;
    font-size: 12px;
    text-align: right;
    margin: 0 10px 12px 5px;
}

#sitewrapper #content #date-picker #actions ul#toggle_group_by li {
    display: block;
    float: left;
}

#sitewrapper #content #date-picker #actions ul#toggle_group_by li a {
    display: block;
    height: 34px;
    margin-bottom: 12px;
    text-indent: -5000px;
    background-color: transparent;
    background-repeat: no-repeat;
}

#sitewrapper #content #date-picker #actions ul#toggle_group_by li a:hover {
    background-position: top center;
}

#sitewrapper #content #date-picker #actions ul#toggle_group_by li a.selected {
    background-position: top right;
    cursor: default;
}

#sitewrapper #content #date-picker #actions ul#toggle_group_by li a#toggle_clients {
    width: 58px;
}

#sitewrapper #content #date-picker #actions ul#toggle_group_by li a#toggle_people {
    width: 61px;
}

#sitewrapper #content a#print_view {
    float: right;
    background-repeat: no-repeat;
    background-position: 0 50%;
    padding: 3px 0 3px 20px;
    position: relative;
    top: 40px;
    right: 20px;
}

body#reports-drill-down #sitewrapper #content a#print_view {
    float: right;
    background-repeat: no-repeat;
    background-position: 0 50%;
    padding: 3px 0 3px 20px;
    position: static;
}

#sitewrapper #content a#export_csv {
    float: right;
    background-repeat: no-repeat;
    background-position: 0 50%;
    padding: 3px 0 3px 20px;
    margin-left: 20px;
    position: relative;
    top: 40px;
    right: 20px;
}

body#reports-drill-down #sitewrapper #content a#export_csv {
    float: right;
    background-repeat: no-repeat;
    background-position: 0 50%;
    padding: 3px 0 3px 20px;
    margin-left: 15px;
    margin-right: 15px;
    position: static;
}

#sitewrapper #content #date-picker a#export_csv:hover {
}

#sitewrapper #content a#export_fb {
    float: right;
    background-repeat: no-repeat;
    background-position: 0 50%;
    padding: 3px 0 3px 25px;
    margin-left: 20px;
    position: relative;
    top: 40px;
    right: 20px;
}

#sitewrapper #content #date-picker a#export_fb:hover {
}

#sitewrapper #content a#export_qb {
    float: right;
    background-repeat: no-repeat;
    background-position: 0 50%;
    padding: 3px 0 3px 25px;
    margin-left: 20px;
    position: relative;
    top: 40px;
    right: 20px;
}

#sitewrapper #content #date-picker a#export_qb:hover {
}

#reports #sitewrapper #content #main,
#reports-drill-down #sitewrapper #content #main {
    border-top: none !important;
}

#reports #sitewrapper #content #main h1 {
    border: none;
    padding-top: 40px;
}

#sitewrapper #content #main #report-results {
    border: 1px solid #7DB0E3;
    padding: 10px;
    background: #ECF5FF;
}

#sitewrapper #clear {
    clear: both;
}

#sitewrapper #footer {
    margin: 20px 0;
    font-size: 11px;
    line-height: 180%;
    text-align: center;
}

#sitewrapper #footer a {
    font-weight: bold;
}

/* =Login
--------------------*/
body#login div.inner,
body#login #user-password,
body#login #remember-password,
body#login #remember-password input,
body#login #forgot-password input,
body#login #sign-in {
    position: relative;
}

body#login #sitewrapper {
    width: 485px;
    margin: 0 auto;
}

body#login #sitewrapper #header {
    width: 485px;
}

body#login #sitewrapper h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    padding-bottom: 7px;
    border-bottom: 1px solid #A7A7A7;
    margin-bottom: 10px;
}

body#login #sitewrapper fieldset#user-email {
    font-size: 12px;
}

body#login #sitewrapper fieldset#user-email p span {
    width: 395px;
    margin-top: 5px;
}

body#login #sitewrapper fieldset#user-email p span input {
    width: 385px;
}

body#login #sitewrapper fieldset#user-password {
    border-bottom: 20px solid #FFFFFF;
}

body#login #sitewrapper fieldset#user-password p span {
    width: 395px;
    margin-top: 5px;
}

body#login #sitewrapper fieldset#user-password p span input {
    width: 385px;
}

body#login #sitewrapper fieldset#user-password p strong {
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin: 29px 10px 0 0;
    float: right;
}

body#login #sitewrapper fieldset#user-password p strong a {
}

body#login #sitewrapper label#remember-password {
    float: right;
    position: relative;
    z-index: 1000;
    margin: 17px 85px 0 0;
    font-size: 12px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}

body#login #sitewrapper label#remember-password input {
    margin-right: 5px;
}

body#login #sitewrapper #forgot-password {
    padding: 20px 0 0 15px;
}

body#login #sitewrapper #forgot-password label {
    padding-left: 10px;
    font-size: 12px;
}

.graph_thick_green,
.graph_thick_yellow,
.graph_thick_red,
.graph_thick_no-bar {
    height: 60px;
}

.graph_thin_green,
.graph_thin_yellow,
.graph_thin_red,
.graph_thin_no-bar {
    height: 23px;
}
